<template>
    <div id="check">
        <div class="mylightspot-top">
            <div class="mylightspot-mylightspot">
                <img src="https://static.zhihu.com/heifetz/assets/title_organizations.4e0cab73.png" alt="">
            </div>
        </div>


        <div class="mylightspot-b">
            <ul>
                <li>
                    <a href="https://www.zhihu.com/org/ding-xiang-yi-sheng">
                    <img src="https://pic1.zhimg.com/v2-fc8c90ae998dd9ae303687a19043624c_xl.jpg" alt="">
                    <div class="right">
                        <h3>丁香医生</h3>
                        <p>关注者数量跃居 Top 1</p>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="https://www.zhihu.com/org/ao-di-66-50">
                    <img src="https://pic4.zhimg.com/v2-84caa44f556ea7dfa81e0780698626e0_xl.jpg" alt="">
                    <div class="right">
                        <h3>奥迪</h3>
                        <p>「为什么说奥迪是灯厂？」赞同 6k</p>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="https://www.zhihu.com/org/zhong-guo-qi-xiang-ju">
                    <img src="https://pic3.zhimg.com/v2-225214b7d237f1125c3567e73a5575fb_xl.jpg" alt="">
                    <div class="right">
                        <h3>中国气象局</h3>
                        <p>主办圆桌「2018 防汛进行时」 </p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/xi-men-zi-zhong-guo">

                    <img src="https://pic4.zhimg.com/eca1d8fca3d0831b6184b2d6278ebbd9_xl.jpg" alt="">
                    <div class="right">
                        <h3>西门子中国</h3>
                        <p>发布「品牌提问」，获得将近 2k 关注</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/kai-yan-ying-yu-59">

                    <img src="https://pic3.zhimg.com/v2-23b60bea5ef03f66ebf5170b2736d72c_xl.jpg" alt="">
                    <div class="right">
                        <h3>开言英语</h3>
                        <p>入驻 1 个月，单篇回答迅速获千赞</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/jing-yun-fang-chan-lu-shi-tuan">

                    <img src="https://pic4.zhimg.com/v2-cc29de9cbf9ed2cf88397c525b4efff4_xl.jpg" alt="">
                    <div class="right" >
                        <h3>京云房产律师团</h3>
                        <p>开设「房产律师大讲堂」等专栏</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/hu-xiu-wang">

                     <img src="https://pic1.zhimg.com/v2-8dcc3af9a76d6fce9c412e746594fefc_xl.jpg" alt="">
                    <div class="right">
                        <h3>虎嗅APP</h3>
                        <p>「想法」获得 1.7K+ 知友关注</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/qi-e-wen-bao">

                     <img src="https://pic2.zhimg.com/v2-a9e69b090f1624b9d35caa57b1704620_xl.jpg" alt="">
                    <div class="right">
                        <h3>企鹅问保</h3>
                        <p>百科优秀贡献者</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/hao-hao-zhu-17">

                     <img src="https://pic4.zhimg.com/v2-a511e4efd2fccb02a77466d58293c76a_xl.jpg" alt="">
                    <div class="right">
                        <h3>好好住</h3>
                        <p>「装修、室内设计」话题优秀答主</p>
                    </div>
                     </a>

                </li>
                 <li>
                    <a href="https://www.zhihu.com/org/jing-shi-xin-li-da-xue-tang">

                     <img src="https://pic4.zhimg.com/v2-6efac062d385f2bbc70faedb52b2c531_xl.jpg" alt="">
                    <div class="right">
                        <h3>京师心理大学堂</h3>
                        <p>以「盐沙龙」和「 Live」等方式为知友带来优质心理科普</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/hu-jiang-47-50">

                     <img src="https://pic4.zhimg.com/3ee8250e166f661a7addfbe4888dd924_xl.jpg" alt="">
                    <div class="right">
                        <h3>沪江</h3>
                        <p>在「小语种」相关问题下，单篇回答流量连年增长</p>
                    </div>
                     </a>

                </li>
                <li>
                    <a href="https://www.zhihu.com/org/topbook">

                     <img src="https://pic2.zhimg.com/v2-0585436b1f278de5852c459af78dcc71_xl.jpg" alt="">
                    <div class="right">
                        <h3>Topbook</h3>
                        <p>在「小语种」相关问题下，单篇回答流量连年增长</p>
                    </div>
                     </a>

                </li>
            </ul>

        </div>
    </div>
</template>

<script>
export default {
    name: 'check',
    data() {
        return {

        };
    },
    created() {
    },
    methods: {

    },
    //组件挂载
    components: {},
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
#check{
    background-color: #ECF6FF;
    width: 100%;
        height: 732px;
    box-sizing: border-box;
    padding-top: 20px;
    .mylightspot-top{
        width: 1000px;
        height: 64px;
        text-align: center;
        margin: 40px auto;
        img{
            width:178px ;
            height: 64px;
        }
    }
    .mylightspot-b{

        width: 1000px;
        margin: 0 auto;
          a{
                text-decoration: none;
                color: #333;
            }
        ul{
            width: 100%;
            list-style: none;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            li{
                width: 320px;
                margin-bottom: 20px;
                height: 100px;
                background-color: #FFFFFF;
                img{
                    width: 60px;
                    height: 60px;
                    margin: 20px;
                    float: left;
                }
                .right{
                    // float: left;
                    h3{
                        margin-top: 20px;
                    }
                    p{
                        margin-top: 6px;
                    }
                }

            }
        }
           
    }
    
}

</style>

